<html>
<head>
    <script type="text/javascript">
<!--document.write("<h1>Hello World!</h1>")-->
function func1(str){
      alert("Android调用了JS的func1方法--"+str);
      return "jsjs";
}
function clickBtn(){
    androidObj.callByJS("JS调用了Android的方法");
}
function clickBtn2(){
    document.location = "callandroid://test?arg1=abc&arg2=202";
}
function clickBtn3(){
    <!--这边会被拦截，可以取得返回值-->
    var str = prompt("callandroid://test?arg1=btn3");
    alert(str);
}
function clickBtn4(){
    <!--这边会被拦截，可以取得返回值-->
    var str = confirm ("callandroid://test?arg1=btn4");
    alert(str);
}
function clickBtn5(){
    <!--这边会被拦截，可以取得返回值-->
    var str = confirm ("哈哈，这里是测试");
}

var upload = function(c, d){
    "use strict";
    var $c = document.querySelector(c),
        $d = document.querySelector(d),
        file = $c.files[0],
        reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function(e){
        $d.setAttribute("src", e.target.result);
    };
};
</script>
</head>
<body>


# 解析
# 参数在上面 HTML 就已经讲解了，
# file 表示你选中的那个图片，然后它里面有几个属性 name、size、type、slice等，也都非常实用，

# FileReader作为文件API的重要成员用于读取文件，根据W3C的定义，FileReader接口提供了读取文件的方法和包含读取结果的事件模型。
# 调用 FileReader 的 readAsDataURL 接口，将启动异步加载文件内容，通过给 reader 监听一个 onload 事件，
# 将数据加载完毕后，在onload事件处理中，通过 event 的 result 属性即可获得文件内容，然后扔进 img 的 src 即可 打开图片并预览。

<button type="button" id="btn" onclick="clickBtn()">点击调用Android代码</button>
<button type="button" id="btn2" onclick="clickBtn2()">通过拦截调用Android代码</button>
<Br/>
<button type="button" id="btn3" onclick="clickBtn3()">拦截prompt</button>
<button type="button" id="btn4" onclick="clickBtn4()">拦截confirm</button>
<Br/>
<button type="button" id="btn5" onclick="clickBtn5()">test</button>
<Br/>

<input id="fileBtn" type="file" multiple = "multiple"  onchange="upload('#fileBtn', '#img');" accept="image/*" capture="camera"/>
<Br/>
<img src="" id="img"/>

# 解析
# accept 属性（允许上传两种文件类型：gif 和 jpeg）
# capture 捕获到系统默认的设备，有三个参数值可设置  camera--照相机； camcorder--摄像机； microphone--录音
# js代码我做了封装, 参数一表示 "选择文件" 的 id，参数二表示 "显示图片" 的 id，
# 若是 ios 只能调用摄像头，不能选择打开相册的话，就把这个【capture="camera"】去掉，直接加一个属性 multiple

</body>
</html>